import React from "react";
import { useNavigate } from "react-router-dom";
import "./index.scss";
import { NavBar, SearchBar, Toast } from "antd-mobile";

const index = () => {
  // 返回上一级
  const back = () => {
    history.back();
  };
  const navigate = useNavigate();
  const toSearchResultPage = () => {
    console.log(111);
  };
  return (
    <div>
      <div className="boxSeven">
        <header>
          <NavBar onBack={back}>
            <SearchBar placeholder="请输入内容" />
          </NavBar>
          <p className="p1" onClick={toSearchResultPage}>
            搜索
          </p>
        </header>
        <main>
          <p className="p2">搜索历史</p>
          <p className="p3">癫痫</p>
          <p className="p4">面神经炎</p>
          <p className="p5">艾滋病</p>
          <p className="p6">白血病</p>
          <p className="p7">腰酸背痛</p>
        </main>
      </div>
    </div>
  );
};
export default index;
